<%-- 
    Document   : index
    Created on : 20/02/2013, 06:07:57 PM
    Author     : karolyn
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            .button, .button:visited { /* botones genéricos */
            background: #222 url(http://sites.google.com/site/zavaletaster/Home/overlay.png) repeat-x;
            display: inline-block;
            padding: 5px 10px 6px;
            color: #FFF;
            text-decoration: none;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
            text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
            border-top: 0px;
            border-left: 0px;
            border-right: 0px;
            border-bottom: 1px solid rgba(0,0,0,0.25);
            position: relative;
            cursor:pointer;
            }

            button::-moz-focus-inner,
            input[type="reset"]::-moz-focus-inner,
            input[type="button"]::-moz-focus-inner,
            input[type="submit"]::-moz-focus-inner,
            input[type="file"] > input[type="button"]::-moz-focus-inner {
            border: none;
            }

            .button:hover { /* el efecto hover */
            background-color: #111
            /*color: #FFF;*/
            }

            .button:active{ /* el efecto click */
            top: 1px;
            }

            /* botones pequeños */
            .small.button, .small.button:visited {
            font-size: 11px ;
            }

            /* botones medianos */
            .button, .button:visited,.medium.button, .medium.button:visited {
            font-size: 13px;
            font-weight: bold;
            line-height: 1;
            text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
            }

            /* botones grandes */
            .large.button, .large.button:visited {
            font-size:14px;
            padding: 8px 14px 9px;
            }

            /* botones extra grandes */
            .super.button, .super.button:visited {
            font-size: 34px;
            padding: 8px 14px 9px;
            }

            .pink.button { background-color: #E22092; }
            .pink.button:hover{ background-color: #C81E82; }

            .green.button, .green.button:visited { background-color: #91BD09; }
            .green.button:hover{ background-color: #749A02; }

            .red.button, .red.button:visited { background-color: #E62727; }
            .red.button:hover{ background-color: #CF2525; }

            .orange.button, .orange.button:visited { background-color: #FF5C00; }
            .orange.button:hover{ background-color: #D45500; }

            .blue.button, .blue.button:visited { background-color: #2981E4; }
            .blue.button:hover{ background-color: #2575CF; }

            .yellow.button, .yellow.button:visited { background-color: #FFB515; }
            .yellow.button:hover{ background-color: #FC9200; }
</style>
        
        <title>MANTENIMIENTO DE TABLAS</title>
    </head>
    <body>
        <h1>Mantenimiento de Tablas</h1>
        <table>
            <tr><td><a href="controlador?operacion=docente" class="button super blue">Docente</a></td></tr>
            <tr><td><a href="controlador?operacion=curso" class="button super pink">Curso</a></td></tr>
            <tr><td><a href="controlador?operacion=carrera" class="button super yellow">Carrera</a></td></tr>
            <tr><td><a href="controlador?operacion=aula" class="button super red">Aula</a></td></tr>
            <tr><td><a href="controlador?operacion=semestre" class="button super green">Semestre</a></td></tr>
            <tr><td><a href="controlador?operacion=plan" class="button super orange">Plan</a></td></tr>
            <tr><td><a href="controlador?operacion=detalleplan" class="button super blue">Detalle Plan</a></td></tr>
        </table>
    </body>
</html>
